<%@ Page Language="C#" MasterPageFile="~/NiftyDemo.Master" AutoEventWireup="true"
    Codebehind="Example9.aspx.cs" Inherits="NiftyDotNetDemo.Example9" Title="NiftyDotNet - Example 9" %>

<%@ Register Assembly="NiftyDotNet" Namespace="NiftyDotNet" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="container9">
        <cc1:Nifty ID="Nifty1" runat="server" Selectors="div#tablecontainer9">
        </cc1:Nifty>
        <cc1:Nifty ID="Nifty2" runat="server" CornerSize="Small" MakeSameHeight="True" Selectors="div#content9,div#nav9">
        </cc1:Nifty>
        <cc1:Nifty ID="Nifty3" runat="server" CornerSize="Small" Selectors="div#header9,div#footer9">
        </cc1:Nifty>
        <div id="tablecontainer9">
            <div id="header9">
                <h2>
                    Nifty Corners</h2>
            </div>
            <div id="content9">
                <p>
                    Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou
                    u oiauuie eo ui.</p>
                <h2>
                    Rounded corners without images</h2>
                <p>
                    Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia
                    uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae
                    uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p>
                <p>
                    Iiuiuaea ouea ieuuio o eoo iaoa euiaou uoia uuei ua aoauia ieoae eioiaia eu uiueeiui
                    ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
            </div>
            <div id="nav9">
                <h2>
                    Simple. Just Javascript and CSS.</h2>
                <p>
                    Aoioeou eeeu ueeiuiii uoauiioi uae eoeoioe ouiui oieouoo uioo uaieeoe oe eouoiea
                    a oou uiu.</p>
            </div>
            <div id="footer9">
                footer here</div>
        </div>
    </div>
    <div id="howtodo">
        <strong>How to do:</strong>
        <ul>
            <li>Design the web page as always.</li>
            <li>We have a component for the outer block, one for header and footer and one more
                for the two main blocks of contents.</li>
            <li>Each component has its own properties:
            <ul><li>The first one rounding all its corners with normal size.</li>
                <li>The second one with small corners.</li>
                <li>The third one, making them same height and rounding with small corners.</li>
            </ul></li>
            <li>That's all</li>
        </ul>
    </div>
    <div id="footer">
        <a id="back" href="Default.aspx" title="Main page">Return to main page</a>
    </div>
</asp:Content>
